<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 母版 -->
    <link rel="stylesheet" href="../css/muban.css">
    <!-- 自己css -->
    <link rel="stylesheet" href="../css/shopping.css">
    <link rel="stylesheet" href="../css/shopcar.css">
    <!-- 自己jq -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 当前js -->
    <script src="../js/shopping.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="head xingheadbig banner">

        <div class="head-top xinghead clear-fd ">

            <div class="clear-fd type-area head-topa">
                <div class="head-img">
                    <h1><img src="../imgs/img/屏幕lll 2021-02-28 210550.png" alt=""></h1>
                </div>
                <div class="fl xingheaddiv">legochina.cn</div>
                <div class=" fr">请&nbsp;登录\<a href="#">注册</a></div>
                <div class="fr">欢迎光临<a href="./home.html">乐购,</a></div>
            </div>
        </div>

        <div class="fr type-area head-searchh clearfix">
            <div class="head-search  type-area clear-fd  fr ">
                <input type="text" placeholder="创意文具" class="fl">
                <input type="text" value="" class="fl">
            </div>
            <!-- <div class="head-shopping  fr">
                  <a href="#" class="head-shopping-small clear-fd">购物车 <span>3</span></a>
                <a href="#" class="head-shopping-smalls">我的订单</a> -->
            <!-- </div>  -->
        </div>
        <div class="head-nav  type-area ">
            <!-- <ul class=" fr clearfix">
                <li><a href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电商城</a></li>
            </ul> -->
            <form action="#" class="fr clearfix fb8 ">
                配送至
                <select name="" id="">
                    <option value="">成都高新区三环内</option>
                    <option value="">武汉高新区三环内</option>
                    <option value="">重庆高新区三环内</option>
                </select>
            </form>
        </div>
    </div>
    <!-- 购物车 -->
    <div class="shopcar type-area container mt30">

        <div class="shopcar-head clearfix">
            <p><input class="allsel" type="checkbox">全选</p>
            <p>商品</p>
            <p>单价</p>
            <p>数量</p>
            <p>小计</p>
            <p>操作</p>
        </div>


        <div class="shopcar-body clearfix">
            <p><input class="sinsel" type="checkbox"></p>
            <p>
                <img src="../imgs/img/23353342-1_l.jpg" alt="">
                从你到全世界路过
            </p>
            <p class="sinprice">41.00</p>
            <p>
                <span class="reduce">-</span>
                <input class="pronum" type="text" value="1">
                <span class="add">+</span>
            </p>
            <p class="smallprice">41.00</p>
            <p>删除<br>移到我的关注</p>
        </div>
        <div class="shopcar-body clearfix">
            <p><input class="sinsel" type="checkbox"></p>
            <p>
                <img src="../imgs/img/23353342-1_l.jpg" alt="">
                从你到全世界路过
            </p>
            <p class="sinprice">41.00</p>
            <p>
                <span class="reduce">-</span>
                <input class="pronum" type="text" value="1">
                <span class="add">+</span>
            </p>
            <p class="smallprice">41.00</p>
            <p>删除<br>移到我的关注</p>
        </div>
        <div class="shopcar-body clearfix">
            <p><input class="sinsel" type="checkbox"></p>
            <p>
                <img src="../imgs/img/23353342-1_l.jpg" alt="">
                从你到全世界路过
            </p>
            <p class="sinprice">41.00</p>
            <p>
                <span class="reduce">-</span>
                <input class="pronum" type="text" value="1">
                <span class="add">+</span>
            </p>
            <p class="smallprice">41.00</p>
            <p>删除<br>移到我的关注</p>
        </div>



        <div class="shopcar-foot type-area">
            <p><input class="allsel" type="checkbox"> 全选</p>
            <p>删除选中商品</p>
            <p></p>
            <p>已选择 <span class="cf60 allNum f60">1</span> 件商品</p>
            <p>总价: <span class="cf60 allPrice f60">41.00</span></p>
            <p><button class="fwhile bgcc fsize26">去结算</button></p>
        </div>

    </div>
    <!-- 猜你喜欢 like-->
    <div class="type-area bookdiscount like clearfix">
        <div class="book-areatitle">
            <h2 class=" fsize22 bgcc fwhile">猜你喜欢</h2>
        </div>
        <ul class="bookregion fl clearfix">
            <li class="bookregion1 fl clearfix bookregioncolor">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan2 fl fsize22"><del class="">&yen;
                            :58</del></span>
                </div>


            </li>
            <script>
                for (let i = 1; i <= 4; i++) {
                    document.write(`<li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>`)
                }

            </script>
            <!-- <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li> -->

        </ul>


    </div>
    <!-- 海报 -->
    <div class="choiceness2 type-area">
        <img src="../imgs/img/list.2.png" alt="">
    </div>
    <!-- 尾页 -->
    <div class="foot banner">
        <ul class="foot-hear">
            <li>
                <img src="../imgs/img/222_11.png" alt="">
                <img src="../imgs/img/222_13.png" alt="">
                <img src="../imgs/img/222_15.png" alt="">
                <img src="../imgs/img/222_17.png" alt="">
            </li>
        </ul>
        <div class="foot-centent ">
            <div class="foot-guide  clearfix">
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
            </div>
            <div class="foot-legou">
                <img src="../imgs/img/logo_00.png" alt="">
            </div>
        </div>
        <div class="foot-brief  fl clearfix">

            <ul class="clearfix">
                <li>
                    <a href="#" class="fb8">会员简介<span>|</span></a>

                    <a href="#" class="fb8">lnverstor Relations<span>|</span></a>

                    <a href="#" class="fb8">网站联盟<span>|</span></a>

                    <a href="#" class="fb8">乐购招商<span>|</span></a>
                    <a href="#" class="fb8">机构销售<span>|</span></a>
                    <a href="#" class="fb8">手机乐购<span>|</span></a>
                    <a href="#" class="fb8">官方Blog<span>|</span></a>
                    <a href="#" class="fb8">热词搜索<span>|</span></a>
                </li>
            </ul>
        </div>
        <div class="foot-date ">
            <p>
                Copyright (C) 乐购网 2004-2016, A || Rights Reserver
            </p>
        </div>
    </div>
</body>

</html>